<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习3：获取当前日期</title>
</head>
<body>
    <div >
        <strong>现在的时间点为:</strong>
        <button onclick="myDate()">当前时间</button>
        <span id="date" ></span>
    </div>
    <div>
        <strong>距离1970年1月1日的毫秒数:</strong>
        <button onclick="myDate1()">毫秒数</button>
        <span id="date1" ></span>
    </div>
    <script>
        function myDate(){
            var date=new Date();//建一个日期对象
            var year=date.getFullYear();//年
            var month=date.getMonth()+1;//月，得加1
            var day=date.getDate();//日
            var hours=date.getHours();//小时
            var minutes=date.getMinutes();//分钟
            var seconds=date.getSeconds();//秒
            month=checkTime(month);
            day=checkTime(day);
            hours=checkTime(hours);
            minutes=checkTime(minutes);
            seconds=checkTime(seconds);
            document.getElementById("date").innerHTML=year+"年"+month+"月"+day+"日"+hours+":"+minutes+":"+seconds;
            setTimeout(function(){myDate()},1000);//每一秒自动刷新一次
        }
        function checkTime(i){
            if(i<10){
                i="0"+i;
            }
            return i;
        }
    </script>
    <script>
        function myDate1(){
            var d = new Date();
            var x = document.getElementById("date1");
            x.innerHTML=d.getTime();
        }
    </script>
</body>
</html>